.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh{
	display: flex;
}
html,doby{
	width: 100%;
	height: 100%;
    
}
#box{
	width: 100%;
	
    header{
		.px2rem(height,96);
		width: 100%;
		.px2rem(line-height,96);
		background: #fff;
        position: fixed;
        top: 0;
        border-bottom: 1px solid #ccc;
        
		ul{
			.txh;
			justify-content:space-between;
			color: #de3852;
			.px2rem(font-size,30);
			position: relative;
			li:nth-child(1) img{
				padding-left: 10px;
				padding-top: 20px;
			}
			li:nth-child(3) img{
				padding-top: 15px;
				padding-right: 10px;
			}
		}
		.chu{
            .px2rem(width,241);
            .px2rem(height,228);
            .px2rem(border-radius,15);
            background: #323232;
            opacity: 0.7;
            
            position: absolute;
            top: 80px;
            right: 20px;
            .px2rem(line-height,74);
            display: none;
              ol{
                
                a{
                    display: block;color: #fff;
                li{
                   img{ 
                    padding-left: 20px;
                    padding-right: 20px;
                   }
                }
                }
            }
        }
	}
	section{
		.px2rem(margin-top,96);
		.px2rem(margin-bottom,96);
		.swiper-container{
			.px2rem(height,337);
			overflow: hidden;
			.swiper-wrapper{
				.swiper-slide img{
                          .px2rem(height,337);
                          width: 100%;
				}
			}
		}
	
		.nav{
			.px2rem(height,83);
			.px2rem(line-height,50);
			margin-top: 4%;
			.px2rem(font-size,30);
			.one{
				.px2rem(width,82);
				.px2rem(height,31);
				border: 1px solid #52c36b;
				margin-left: 2%;
				margin-right: 2%;
			}
			.two{
				color: red;
			}
		}
		.jindu{
			.px2rem(height,90);
			margin-top: 3%;
			.px2rem(line-height,30);
			ul{
				li:nth-child(2) img{
					width: 100%;
				}
				li:nth-child(3){
					.txh;
					justify-content:space-between;
				}
			}
		}
		.denglu button{
			.px2rem(height,70);
			width: 90%;
			background: #ccc;
			margin-left: 5%;
			margin-top: 4%;
			.px2rem(font-size,24);

			.px2rem(border-radius,16);
			span{
				color: blue;
			}
		}
		.tu{
			.px2rem(height,155);
			.px2rem(margin-top,50);
			ul{
				li{
					.txh;
					justify-content:space-between;
					.px2rem(height,75);
					.px2rem(line-height,75);
					color: #a5a2a5;
					border-bottom: 1px solid #ccc;
					.px2rem(margin-left,15);
					.px2rem(margin-right,15);
				}
			}
		}
		.suoyou{
			margin-top: 10%;

			ul{
                 .txh;
                 color: #a5a2a5;
                 justify-content:space-between;
			}
		}
		.renyuan{
			.px2rem(height,75);
			.px2rem(margin-top,40);
              position: relative;
			.xian{
				.px2rem(width,50);
				.px2rem(height,500);
				border-right: 1px solid #ccc;
			}
			.dingwei{
                   position: absolute;
                   left: 3%;
                   top: 3%;
                   width: 80%;
				.one{
					.px2rem(width,257);
					.px2rem(height,40);
					.px2rem(line-height,40);
					border: 1px solid #ccc;
					.px2rem(border-radius,20);
					text-align: center;
                     }
                     .two{
                     	.px2rem(margin-top,10);
                     	width: 80%;
                     	dl{
                     		.txh;
                     		dt{
                     			margin-left: 4%;
                     			width: 80%;
                                .px2rem(line-height,30);
                     			p:nth-child(1){
                     				color: blue;
                     			}
                     			p:nth-child(3) span{
                     				color: red;
                     			}
                     		}
                     	}
                     }
			}
		}
	}
		footer{
		.px2rem(height,96);
		.px2rem(line-height,96);
		width: 100%;
		border-top: 1px solid #ccc;
		position: fixed;
		bottom: 0;
		background: #fff;
		color: #000;
		.px2rem(margin-left,20);
		
		ul{
			.txh;
            justify-content:space-around;
            
            li:nth-child(1) {
            	width: 80%;
            	button{
            	
            	.px2rem(height,70);
            	width: 100%;
            	background: #de3452;
            	color: #fff;
            	.px2rem(font-size,28);
            }
        }
        a{
            li:nth-child(2) img{
                 margin-top: 20%;
            }
       }
	}
	}
	.canyu{
		.px2rem(height,440);
		width: 100%;
		background: #fff;
		position: fixed;
		bottom: 0;
		display: none;
		
		.one{
			.px2rem(height,70);
			border-bottom: 1px solid #ccc;
			border-top: 1px solid #ccc;
			.px2rem(line-height,70);
			position: relative;
			ul{
				.txh;
				justify-content:space-between;
				li{
					.px2rem(margin-right,20);
					.px2rem(font-size,30);

				}
			}

		}
		img{
           position: absolute;
           left: 3%;
           top:-25%;
		}
		.two{

			p{
				width: 80%;
				padding-top: 3%;
				.px2rem(margin-top,10);
				.px2rem(height,80);
				.px2rem(border-radius,10);
				.txh;
				margin-left: 10%;
				button{
					width: 10%;
					.px2rem(height,80);
					border: 1px solid #ddd;
					background: #fff;
					.px2rem(font-size,40);
				}
				input{
					width: 79%;
					.px2rem(height,80);
					border: 1px solid #ddd;
				}
			}
			ul{
				.txh;
				width: 80%;
				margin-top: 5%;
				margin-left: 10%;
				li{
                   margin-right: 5%;
                    width: 20%;
                    .px2rem(height,60);
                    .px2rem(line-height,60);
                    border: 1px solid #ccc;
                    .px2rem(border-radius,10);
                    text-align: center;

				}
			}
			h2{
				.px2rem(font-size,30);
				margin-top: 3%;
				margin-left: 40%;
				span{
					color:red;
                   }
			}
			h3{
				width: 80%;
				margin-top: 3%;
				margin-left: 10%;
				button{
                    width: 40%;
                    .px2rem(height,65);
                    margin-right: 10%;
                    border: none;
                    .px2rem(border-radius,10);
                    color: #fff;
                    .px2rem(font-size,30);
				}
				button:nth-child(1){
					background: #d83a53;
				}
				button:nth-child(2){
					background: #2fa9fe;
				}
			}
		}
	}
}